<!--  -->
<template>
  <div>
    1,图表数据更新
      <charts></charts>
      2,分页
      <paginations></paginations>
      3,点图--h5(非canvas)
      <dianchart></dianchart>
      4，时间选择器
      <timeselect></timeselect>
      <div>
        5，表单<el-switch v-model="blur" ></el-switch>blur触发{{formseachvalue}}
      <formseach :blur='blur' @seatch_fun='seatch_fun'></formseach>
      6.时间线顺序
      <timelang></timelang>
      7,递归
      <recursion :list='list'></recursion>


      8------
      <echarts></echarts>
      9------

      10----
      <chinamap></chinamap>

      11-----
  <codeedit></codeedit>

  12，波浪--暂未完成
<!-- <wave></wave> -->

13,圆形布局

<circleLayout></circleLayout>
      </div>
      
  </div>
</template>

<script>
import _ from "lodash"; //导入loadsh插件

import charts from './chart/index.vue'
import paginations from './pagination/index.vue'
import dianchart from './dian_chart'
import timeselect from './time_select'
import formseach from './form_seach'
import timelang from './time_lang'
import recursion from './recursion/index.vue'
import echarts from './echarts_img/index.vue'
import chinamap from './chinaEcharts/index.vue'
import codeedit from './code_edit/index.vue'
import wave from './wave'
import circleLayout from './circleLayout'
export default {
  data () {
    return {
      blur:false,
      formseachvalue:'',
      list:[
        {
          name:'1',
          list:[
            {
              name:'1-1',
              list:[
                {
                  name:'1-2'
                }
              ],
            }
          ]
        }
      ]
    };
  },

  components: {
      charts,
      paginations,
      dianchart,
      timeselect,
      formseach,
      timelang,
      recursion,
      echarts,
      chinamap,
      codeedit,
      wave,
      circleLayout
  },

  computed: {},

  mounted(){},

  methods: {
    seatch_fun(obj){
      console.log('表单触发',obj)
     this.formseachvalue = _.cloneDeep(obj);
    },
  }
}

</script>
<style lang='scss' scoped>
</style>